<!-- 处理审批:审批详细，仔仔组件，有插槽 ，服务器数据有问题，目前只能查id8-->
<template>
  <examine>
    <template v-slot:headline>
      <h2>查看审批：审批详细</h2>
    </template>
    <template v-slot:appraise>
        <el-timeline-item timestamp="2018/4/3" placement="top">
          <el-card>
            <h4> <span>处理机构</span> 处理人员（电话）这些都是变量，包括上面的时间</h4>
            <p><span>审批意见</span>欢迎你们提出问题！失业人员需要上保险如何办理---失业人员和企业办理退工手续后，职工档案退回到所在街道劳动保障中心，失业人员持身份证到街道劳动保障中心即可办理失业补助金和养老保险手续。如有疑问可联系街道劳动保障中心 27457126 谢谢。</p>
          </el-card>
        </el-timeline-item>
    </template>
    
  </examine>
</template>


<script lang="ts" >
import examine from "../littlecomponents/examine.vue";
import {ref,onMounted} from 'vue'
import axios from 'axios'
import { useRouter } from 'vue-router'  //使用路由
import { useRoute } from 'vue-router'  //接受路由参数
export default {
  //name:"ProcessingAndApproval",
  components: {
    examine,
  },
  setup(){
    const route = useRoute()
     let  id=route.query.id
     const tableData=ref()
     onMounted(()=>{
        axios({
        method: 'post',
        url: 'http://172.16.123.189:8080/approval_checklist/seeApprovalChecklist',
        params: {
        id:id
        }
        }).then((res:any) => {
        console.log(res);  // 这里查id8是能查到的
         tableData.value=res.data.data
        })
        })


  }//setup
};





</script>